<!--我的收藏 -->
<ion-header>
  <div class="uh bc-head  ubb bc-f6" data-control="HEADER" id="Header">
    <div class="ub ub-ac ubb bc-cc">
      <div class="nav-btn" id="nav-left" (click)="navCtrl.pop()">
        <img src="assets/imgs/back_btn.png" />
      </div>
      <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">我的收藏</h1>
      <div class="nav-btn" id="nav-right"></div>
    </div>
    <div id="nav" class="ub">
      <div class="ub-f1" [ngClass]="{'act': act[0]}" (click)="btn(0)"> 挑战 </div>
      <div class="ub-f1" [ngClass]="{'act': act[1]}" (click)="btn(1)"> 话题 </div>
      <div class="ub-f1" [ngClass]="{'act': act[2]}" (click)="btn(2)"> 文章 </div>
      <div class="ub-f1" [ngClass]="{'act': act[3]}" (click)="btn(3)"> 学习 </div>
    </div>
  </div>
</ion-header>
<ion-content>
  <div data-control="CONTENT" id="ScrollContent">
    <div class="scrollbox ">
      <div class="content">
        <ul class="tiaozhan bc-wihte" id="tiaozhanlist" [hidden]="!act[0]">
          <tiaozhan-list *ngFor="let item of pageData[0].tiaozhanlist" #item></tiaozhan-list>
          <list-bottom *ngIf="true"></list-bottom>
        </ul>
        <ul class="huati bc-wihte" id="huatilist" [hidden]="!act[1]">
          <huati-list *ngFor="let item of pageData[0].huatilist" #item></huati-list>
          <list-bottom *ngIf="true"></list-bottom>
        </ul>
        <ul class="huati bc-wihte" id="wenzhang_list" [hidden]="!act[2]">

          <li class="ub ub-ac ubb bc-cc" *ngFor="let item of pageData[0].wenzhang_list" (click)="openWenZhangDetial(item)">
            <div>
              <img src="{{item.CoverPicUrl | imgUrl:'DynamicUrl'}}" />
            </div>
            <div class="ub-f1">
              <div class="title">{{item.Title}}</div>
              <div class="text">{{item.Content}} </div>
              <div class="time"> 收藏时间 {{item.CreateDate | date:'yyyy-MM-dd hh:mm'}}</div>
            </div>
          </li>
        </ul>
        <ul class="tiaozhan bc-wihte" id="study_list" [hidden]="!act[3]">
          <div class="ub-img1  tiaozhan_wh  umar-b" *ngFor="let item of pageData[0].study_list" (click)="openstuDetial(item)">
            <img src="{{item.PicUrl}}" >
            <div class="ub ub-ac ub-pc ub-ver  ub-con color_white" style="background-color: rgba(0,0,0,0.25);">
              <div>
                <h2 class="oneline">{{item.Title}} </h2>
              </div>
              <div class="ub maxW fontsize8 umar-t">
                <div class="ub ub-ac ub-pc ub-ver ub-f1 ub-con">
                  <div class="ub ub-pc  ub-ac  umar-t">
                    <div> 会员 </div>
                    <div class="l_mar_r"> | </div>
                    <div> 健身 </div>
                  </div>
                </div>
              </div>
              <div class="ub ub-pc ub-ac mar_t7 fontsize10">
                {{item.LearnersNum}} 人学习
              </div>
            </div>
          </div>
        </ul>
      </div>
    </div>
  </div>
</ion-content>
